.enabledButton {
  button {
    background-color: #eee;
    border: none;
    padding: 0.3rem;
    box-shadow: 0 0.4rem #dfd9d9;
    font-size: 1rem;
    border-radius: 1rem;
    cursor: pointer;
    margin-bottom: 8px;
    width: 6rem;

    &:focus {
      outline: none;
    }

    &:active {
      color: white;
      box-shadow: 0 0.2rem #dfd9d9;
      transform: translateY(0.2rem);
    }

    &:hover:not(:disabled) {
      color: white;
      text-shadow: 0 0.1rem #bcb4b4;
    }

    &:disabled {
      cursor: auto;
      color: grey;
    }
  }
}

.enabledButton_error {
  button {
    color: lightcoral;

    &:hover:not(:disabled) {
      background: lightcoral;
    }
  }
}

.enabledButton_success {
  button {
    color: #67C23A;

    &:hover:not(:disabled) {
      background: #67C23A;
    }
  }
}